{extend name='base' /}
{block name='title'}个人中心{/block}
{block name='main'}
<link rel="stylesheet" href="__CSS__/booklist.css">
<link rel="stylesheet" href="__CSS__/booktable.css">
<style>
    .main {
        background: url("__IMG__/list_bg.jpg") left top repeat-y;
    }
    .userbox{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .userbox .profile{
        width: 100px;
        height: 100px;
    }
    .userbox .userinfo{
        flex: 1;
    }
    .userbox .userinfo p{
        font-size: 14px;
    }
    .tb td{
        /*display: table-caption;*/
    }
</style>
<div class="row m-0 mt-3 main">
    {include file='user/user_left'}
    <div class="right flex-1 mb-3">
        <div class="tt">
            个人资料
        </div>
        <table class="tb w-100" cellspacing="0">
            <tr>
                <td rowspan="9" align="center" width="156" valign="top">
                    <img class="profile" src="{$user.avatar}" alt="">
                </td>
            </tr>
            <tr>
                <td class="tl">账号</td>
                <td>{$user.username}</td>
            </tr>
            <tr>
                <td class="tl">姓名</td>
                <td>{$user.truename}</td>
            </tr>
            <tr>
                <td class="tl">手机</td>
                <td>{$user.mobile}</td>
            </tr>
            <tr>
                <td class="tl">邮箱</td>
                <td>{$user.email}</td>
            </tr>
            <tr>
                <td class="tl">资金余额</td>
                <td>
                    ￥{$user.money}
                    <a class="d ml-2" href="">充值</a>
                </td>
            </tr>
            <tr>
                <td class="tl">上次登录</td>
                <td>{$user.last_login_time}</td>
            </tr>
            <tr>
                <td class="tl">注册时间</td>
                <td>{$user.date_entered}</td>
            </tr>
            <tr>
                <td class="tl">操作</td>
                <td>
                    <a href="{:url('User/edit')}" class="btn btn-primary mt-2 btn-sm mr-4">修改资料</a>
                    <a href="{:url('User/password')}" class="btn btn-danger mt-2 btn-sm">密码管理</a>
                </td>
            </tr>
        </table>
    </div>
</div>
{/block}

{block name='js'}
<script>

</script>
{/block}